ul,li{
    list-style: none;
}
.Left2 {
    .yqMain{
        display: flex;
        justify-content: center;
        padding-top: 10px;
        height:calc(100vh - 100px);
    }
    .example {
        text-align: center;
        height: 100%;
        padding-top: 100px;
      }
    .pushData {
        display: flex;
        flex-wrap: wrap;
        .push-title{
            display: block;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
            width: 135px;
        }
        .item:hover .action{
            display: block;
        }
        .item {
            margin: 11px;
            position: relative;
            cursor: pointer;
            .i-img {
                width: 137px;
                height: 80px;
            }
            .action{
                display: none;
                position: absolute;
                top: 0px;
                height: 80px;
                width: 137px;
                background: #29292970;
                text-align: center;
                line-height: 80px;
            }
            .bg {
                position: absolute;
                bottom: 21px;
                height: 22px;
                width: 100%;
                background: #0000004a;
                color: #fff;
                .span {
                    background: #1890ff;
                    font-size: 12px;
                    padding: 3px;
                    right: 0px;
                    position: absolute;
                    height: 22px;
                    overflow: hidden;
                }
            }
        }
    }
    .note {
        width: 320px;
        text-align: center;
        color: #999;
    }
    .category{
     width: 100%;
     height: 80px;
     background-color: #ebebeb;
     padding-top: 10px;
     ul{
        position: absolute;
        margin-left: 0px;
        padding-left: 0px;
       
     .listUnit{
         float: left;
         width: 50px;
         height: 53px;
         padding-left: 10px;
         padding-right:10px;
         border-radius: 10%;
         cursor: pointer;
        .i{
           
           .icon{
            height: 30px;
            width: 30px;
           }
          }  
      }  
      .listUnit:hover{
        background-color: #999;
      }
      .active{
        background-color: #999;
    }
   
    } 
    }  
    .li-box{

     img{
        max-width:100%;
    } 
    // ul>li * :hover{
    //     background-color: #999;
    // }
  }
}

.mr10{
    margin-right: 10px;
}
.none{
    display: none;
}
#style::-webkit-scrollbar-track
{
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.2);
	background-color: #F5F5F5;
}

#style::-webkit-scrollbar
{
	width: 10px;
	background-color: #F5F5F5;
}

#style::-webkit-scrollbar-thumb
{
	background-color: #969393;
	border: 2px solid #969393;
}
